<template>
  <div>
    <div class="header">
      <span>总销售额</span> <i class="el-icon-warning"></i>
    </div>
<<<<<<< HEAD
    <div class="content">￥{{ alltotal }}</div>
    <div class="willend">
      <span class="left"
        ><span>周同比{{ numdata.up }}%</span><i class="el-icon-caret-top"></i
      ></span>
      <span
        ><span>日环比{{ numdata.down }}%</span
        ><i class="el-icon-caret-bottom"></i
      ></span>
    </div>
    <div class="end">日均销售额 ￥{{ daytotal }}</div>
=======
    <div class="content">￥126,560</div>
    <div class="willend">
      <span class="left"
        ><span>周同比12%</span><i class="el-icon-caret-top"></i
      ></span>
      <span><span>日环比11%</span><i class="el-icon-caret-bottom"></i></span>
    </div>
    <div class="end">日均销售额 ￥12,423</div>
>>>>>>> gxd
  </div>
</template>

<script>
<<<<<<< HEAD
import { firstoneApi } from "@/api/dashboard";
import { outPut } from "@/utils";
export default {
  name: "Allsell",
  data() {
    return {
      numdata: {},
      alltotal: "",
      daytotal: "",
    };
  },
  mounted() {
    this.initData();
  },
  methods: {
    async initData() {
      let { numdata } = await firstoneApi();
      this.numdata = numdata;
      this.alltotal = outPut(numdata.alltotal);
      this.daytotal = outPut(numdata.daytotal);
    },
  },
=======
export default {
  name: "Allsell",
>>>>>>> gxd
};
</script>

<style lang="scss" scoped>
.header {
  position: relative;
  span {
    color: #97a8be;
    font-size: 14px;
  }
  .el-icon-warning {
    position: absolute;
    right: 1px;
    color: #97a8be;
    padding: 3px 0;
  }
}
.content {
  font-size: 30px;
  height: 140px;
  line-height: 140px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.willend {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #303133;
  .left {
    padding-right: 30px;
  }
  .el-icon-caret-top {
    color: red;
  }
  .el-icon-caret-bottom {
    color: green;
  }
}
.end {
  color: #303133;
  border-top: 1px solid #97a8be;
}
</style>